<!-- 冷热源 》 热源系统 -->

<template>
  <el-card
    class="source-heat"
    shadow="never"
    body-style="display: flex; flex-direction: column; height: calc(100% - 20px); padding: 10px 15px; overflow: hidden"
  >
    <SourceHeatBrands class="source-heat__top-brands" />
    <div class="source-heat__canvas-wrapper">
      <ModelFrame path="/source/heat" />
    </div>

    <EasyModal v-model="boilerDetailsDialogIsShow" title="设备详情" :width="800" :no-footer="true">
      <SourceHeatBoilerDetails />
    </EasyModal>
  </el-card>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import SourceCold from '@admin/views/Monitor/Source/SourceCold'

import SourceHeatBrands from './components/brands/index.vue'
import SourceHeatBoilerDetails from './components/boiler-details/index.vue'
// ============================== 导出组件 ============================== //

export default CORE.extend(SourceCold, {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'SourceHeat',
  components: {
    SourceHeatBrands,
    SourceHeatBoilerDetails,
  },
  data() {
    return {
      /**
       * 锅炉详情对话框是否显示
       */
      boilerDetailsDialogIsShow: false,
    }
  },
})
</script>

<style lang="scss">
@import './index.scss';
</style>
